<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<!--[if lt IE 9]>
        <meta http-equiv="refresh" content="0;URL=<?php echo U('Home/Index/nesn');?>" />
        <![endif]-->
		<title>中屹财富</title>
		<link rel='icon' href='/zycf/Public/style/img/zycf.ico' type='image/x-ico' />
		<link rel="stylesheet" type="text/css" href="/zycf/Public/style/css/header.css"/>
		<script src="/zycf/Public/style/js/jquery.js" type="text/javascript"></script>
		<script src="/zycf/Public/style/js/zycf.js" type="text/javascript">
			
		</script>
	</head>
	<body>
	<nav class="header">
			<div class="header_wrapper">
				<div class="header_top clearfix">
					<span>
						温馨提示 ：谨防不法分子冒以本公司名义办理信用卡等相关业务！
					</span>
					<div class="zxdh">
						咨询电话 ：400-9100-166
					</div>
				</div>
			</div>
			<div class="nav_wrapper">
				<div class="nav_wrapper_meau clearfix">
					<div class="nav_meau"></div>
					<div class="nav_left"><img src="/zycf/Public/style/img/logo.png"/></div>
					<div class="nav_right">
						<ul class="ul_meau clearfix">
							<li>
								<a href="<?php echo U('Home/Index/index');?>" <?php if((CONTROLLER_NAME) == "Index"): ?>class="meau_active"<?php endif; ?>>首页</a>
							</li>
							<li>
								<a href="<?php echo U('Home/Aboutus/aboutus');?>" <?php if((CONTROLLER_NAME) == "Aboutus"): ?>class="meau_active"<?php endif; ?>>关于我们</a>
							</li>
							<li>
								<a href="<?php echo U('Home/Serve/serve');?>" <?php if((CONTROLLER_NAME) == "Serve"): ?>class="meau_active"<?php endif; ?>>会员服务</a>
							</li>
							<li>
								<a href="<?php echo U('Home/Plan/guihua');?>" <?php if((CONTROLLER_NAME) == "Plan"): ?>class="meau_active"<?php endif; ?>>规划与责任</a>
							</li>
							<li>
								<a href="<?php echo U('Home/Advantage/youshi');?>" <?php if((CONTROLLER_NAME) == "Advantage"): ?>class="meau_active"<?php endif; ?>>竞争优势</a>
							</li>
						</ul>
						
						
					</div>
					
				</div>
			</div>
	</nav>
		
  <link rel="stylesheet" type="text/css" href="/zycf/Public/style/css/other.css"/>
<script type="text/javascript" src="/zycf/Public/style/js/jquery.touchSlider.js"></script>
<!--底部宣传栏-->
<div class="fixed_guan" id="bottom_fixed">
<div class="fixed_content clearfix">
	<div  class="item clearfix">
		<div class="bottom_tel">
			<p>岗位咨询</p>
			<div>9:00-18:00</div>
		</div>
		<div  class="bottom_tel  bottom_tel_blo">
			<h2>400-9100-166</h2>
		</div>
		
				<div class="bottom_tel malef">
			<p>服务咨询</p>
			<div>9:00-22:00</div>
		</div>
		<div  class="bottom_tel">
			<h2>400-9100-166</h2>
		</div>
	</div>
</div>
</div>

<!--轮播图-->
  <div class="main_visual">
	<!--<div class="flicking_con">
		<a href="#">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">2</a>
		<a href="#">3</a>
	</div>-->
	<div class="main_image">
		<ul>
			<?php if(is_array($map)): foreach($map as $key=>$tm): ?><li><img src="/zycf/Public<?php echo ($tm['pic']); ?>"/></li><?php endforeach; endif; ?>
		</ul>
		<a href="javascript:;" id="btn_prev"></a>
		<a href="javascript:;" id="btn_next"></a>
	</div>
</div>

  <div class="homepage">
  	<div class="homepage_one clearfix">
  		<div class="item clearfix">
        <img src="/zycf/Public/style/img/icon1.png"/>
        <div class="detail">
        	<p>超低门槛</p>
        	<div>快速注册会员</div>
        	<div>100元起投</div>
        </div>
  		</div>
  		  <div class="item clearfix">
        <img src="/zycf/Public/style/img/icon2.png"/>
        <div class="detail">
        	<p>安全保障</p>
        	<div>精选优质投资项目，第</div>
        	<div>三方机构提供全额担保</div>
        </div>
  		</div>
  		  		<div class="item clearfix">
        <img src="/zycf/Public/style/img/icon3.png"/>
        <div class="detail">
        	<p>高收益</p>
        	<div>预期年化率12%-18%</div>
        	<div>超银行活期利率50倍</div>
        </div>
  		</div>
  		  		<div class="item clearfix">
        <img src="/zycf/Public/style/img/icon4.png"/>
        <div class="detail">
        	<p>速度快</p>
        	<div>所需材料少</div>
        	<div>最快当天放款</div>
        </div>
  		</div>
  	
  </div>
    <div class="homepage_two">
    	<img src="/zycf/Public/style/img/two.png"/>
    </div>
    <div class="homepage_three">
    	<div class="three_title">
    		<div class="name">产品</div>
    </div>
    <!--遍历改div-->
    	<?php if(is_array($data)): foreach($data as $key=>$da): ?><div class="product_list clearfix">
	    		<div>
	    			<div class="product_name">产品名称</div>
	    			<div class="product_title"><?php echo ($da['product']); ?></div>
	    		</div>
	    		<div>
	    			<div class="product_name">期限</div>
	    			<div class="product_title"><?php echo ($da['dates']); ?>个月</div>
	    		</div>
	    		<div>
	    			<div class="product_name">收益</div>
	    			<div class="product_title"><?php echo ($da['earnings']); ?>%</div>
	    		</div>
	    		<div>
	    			<div class="product_name">起投金额</div>
	    			<div class="product_title"><?php echo ($da['money']); ?></div>
	    		</div>
	    		<div class="yuyue_wrapper">
		    		<div class="yuyue">
		    			立即预约
		    		</div>
	    		</div>
    		</div><?php endforeach; endif; ?>	
    </div>
  <div class="homepage_four clearfix">
  	<div class="news_title ">
  		新闻资讯
  	</div>
  	<div class="news_left">
  		<div id="focus">
	<ul>
		<li>
			<img src="/zycf/Public/style/img/new1.jpg"  />
	   </li>
		<li>
			<img src="/zycf/Public/style/img/news.png"/>
		</li>
		<li>
			<img src="/zycf/Public/style/img/new3.jpg" />
			
		</li>
	</ul>
</div>
  		
  	</div>
  	<div class="news_right">
  		<div class="case_roll">
  			<div class="case_roll_top">
  		    <ul class="ul_scroll">
				<?php if(is_array($news)): foreach($news as $key=>$ne): ?><li><a href="<?php echo U('Home/News/newsdetail',array('id'=>$ne['id']));?>"><?php echo ($ne['title']); ?></a></li><?php endforeach; endif; ?>
			</ul>
  		
  		</div>
  		</div>
  	</div>
  </div>
  <div class="homepage_four coor_four clearfix">
  	<div class="news_title ">
  	合作伙伴
  	</div>	
  	<div class="cooperation">
  		<div class="coor_1"></div>
  		<div class="coor_2"></div>
  		<div class="coor_3"></div>
  		<div class="coor_4"></div>
  		<div class="coor_5"></div>
  		<div class="coor_6"></div>
  		<div class="coor_7"></div>
  		<div class="coor_8"></div>
  		<div class="coor_9"></div>
  		<div class="coor_10"></div>
  		<div class="coor_11"></div>
  		<div class="coor_12"></div>
  		<div class="coor_13"></div>
  		<div class="coor_14"></div>
  		<div class="coor_15"></div>
  		<div class="coor_16"></div>
  		<div class="coor_17"><a href="http://www.zhuoyijinrong.com"></a></div>
  		<div class="coor_18"><a href="http://www.xintongdanbao.com"></a></div>
  		<div class="coor_19"><a href="javascript:void(0);"></a></div>
  		<div class="coor_20"><a href="javascript:void(0);"></a></div>
  		<div class="coor_21"><a href="http://www.jinghuilvshi.com"></a></div>
  		<!--<div style="clear: both;"></div>-->
  	</div>
  </div>
  </div>
<script type="text/javascript">
		//轮播图
	$(".main_visual").hover(function(){
		$("#btn_prev,#btn_next").fadeIn()
	},function(){
		$("#btn_prev,#btn_next").fadeOut()
	});
	
	$dragBln = false;
	
	$(".main_image").touchSlider({
		flexible : true,
		speed : 400,
		btn_prev : $("#btn_prev"),
		btn_next : $("#btn_next"),
		paging : $(".flicking_con a"),
		counter : function (e){
			$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
		}
	});
	
	$(".main_image").bind("mousedown", function() {
		$dragBln = false;
	});
	
	$(".main_image").bind("dragstart", function() {
		$dragBln = true;
	});
	
	$(".main_image a").click(function(){
		if($dragBln) {
			return false;
		}
	});
	
	timer = setInterval(function(){
		$("#btn_next").click();
	}, 5000);
	
	$(".main_visual").hover(function(){
		clearInterval(timer);
	},function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		},5000);
	});
	
	$(".main_image").bind("touchstart",function(){
		clearInterval(timer);
	}).bind("touchend", function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		}, 5000);
	});
	
	
	//	新闻轮播图的js控制
$(function() {
	var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
	var len = $("#focus ul li").length; //获取焦点图个数
	var index = 0;
	var picTimer;
	
	//以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
	var btn = "<div class='btnBg'></div><div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "<span></span>";
	}
	btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
	$("#focus").append(btn);
	$("#focus .btnBg").css("opacity",0.5);

	//为小按钮添加鼠标滑入事件，以显示相应的内容
	$("#focus .btn span").css("opacity",0.4).mouseenter(function() {
		index = $("#focus .btn span").index(this);
		showPics(index);
	}).eq(0).trigger("mouseenter");



	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$("#focus ul").css("width",sWidth * (len));
	
	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
	$("#focus").hover(function() {
		clearInterval(picTimer);
	},function() {
		picTimer = setInterval(function() {
			showPics(index);
			index++;
			if(index == len) {index = 0;}
		},2000); //此4000代表自动播放的间隔，单位：毫秒
	}).trigger("mouseleave");
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showPics(index) { //普通切换
		var nowLeft = -index*sWidth; //根据index值计算ul元素的left值
		$("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position
		//$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
		$("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果
	}
});


//新闻的信息轮播
	var tag=1;
	var total=$(".ul_scroll").find("li").length;
	var _num=Math.ceil(total/5);
	var time;
	function scroll(){
	if(tag==_num){
		tag=0;
		$(".case_roll_top").animate({marginTop:0},0);
	}
	
	$(".case_roll_top").animate({marginTop:-200*tag},'slow');
	tag++;
    }
	 time = setInterval(scroll,4000);	
	
	 $(".case_roll").hover(function(){
				clearInterval(time)
		
	 },function(){
		time = setInterval(scroll, 4000);
	})
	 
</script>

<style type="text/css">
	
/*========================用到的弹框的css样式===================*/
body{
	padding: 150px 0 60px 0;
}
#tk_yuyue{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left:0;
	z-index: 1000000;
	background:rgba(0,0,0,0.4);
	display: none;
}
#tk_content{
	width:380px;
	height: 380px;
	background:#f2f2f2;
	position: absolute;
	top: 50%;
	left:50%;
	margin-left:-190px;
	margin-top:-190px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:30px 60px;
	box-sizing: border-box;
	
}

#tk_content .title{
	width: 100%;
	font-size: 20px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}

#tk_content .item{
	width:100%;
	height: 40px;
	/*border: 1px solid red;*/
	box-sizing: border-box;
	font-size: 0;
	margin-bottom:20px;
	position: relative;
}
#tk_content .item .icon{
	display: inline-block;
	width:40px;
	height: 40px;
	/*background-size: 100%;*/
	vertical-align: top;
}
#tk_content .Zicon1{
	background:url(/zycf/Public/style/img/ren.png) no-repeat center;
}
#tk_content .Zicon2{
	background:url(/zycf/Public/style/img/ji.png) no-repeat center;
}
#tk_content .Zicon3{
	background:url(/zycf/Public/style/img/ma.png) no-repeat center;
}
#tk_content .item ._input{
	display: inline-block;
	width:220px;
	height: 40px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
	color: #333333;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
}


#tk_content .sjyzm{
	cursor: pointer;
	position: absolute;
	width:60px;
	height: 30px;
	font-size: 14px!important;
	padding: 6px 0;
	text-align: center;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	background:#5fc383;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFFFFF;
	box-sizing: border-box;
	border: 1px solid #1BA94F;
	transition: all 0.5s;
}
/*.sjyzm:hover{
	background: #FFFFFF;
	color: #1BA94F;
}*/
#tk_content .item ._input:hover,#tk_content .item ._input:focus{
	border: 1px solid #1ba94f;
}
#tk_content .submit{
	width: 170px;
	height:35px;
	margin: 20px auto 0;
	background-color:#1ba94f ;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 2px;
	line-height: 35px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	box-sizing: border-box;
	border: 1px solid #1BA94F;
	transition: all 0.5s;
}
#tk_content .submit:hover{
	background: #FFFFFF;
	color: #1BA94F;
}
.close{
	width: 20px;
	height: 20px;
	background:#dacdcd;
	opacity: 0.8;
	text-align: center;
	line-height: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position: absolute;
	right:6px;
	top: 6px;
	cursor: pointer;
}
@media only screen and (max-width:768px ) {
	#tk_content{
		width:280px;
		height: 230px;
		margin-left:-140px;
		margin-top: -115px;
		padding:8px 20px;
	}
	#tk_content .item{
		height: 30px;
			margin-bottom: 10px;
	}
	#tk_content .item ._input{
		height: 30px;
	}
	#tk_content .sjyzm{
	width:50px;
	height:24px;
	right: 10px;
	margin-top: -12px;
font-size: 12px;
padding: 2px 0;
}
	
#tk_content .item .icon{
	display: inline-block;
	width:30px;
	height: 30px;
	background-size: 30px 30px;
}
	#tk_content .item ._input{
		width: 200px;
	}
}
</style>

<div id="tk_yuyue">
	<div id="tk_content">
		<div class="close">×</div>
	<div class="title">在线预约</div>
	<div class="item">
		<span class="icon Zicon1"></span>
			<input class="_input username" type="text" name="username" placeholder="姓名"/>
	</div>
	<div class="item">
		<span class="icon Zicon2"></span>
		<input class="_input ph" type="text" name="phone" placeholder="手机号"/>
	</div>
<!-- 	<div class="login_box_t2_twg">
							<span class="logo_icon logo_anqum"></span>
							<input type="text" class="anqum" id="input" placeholder="验证码" name="vcode" value="">
							<div class="yzm_php" style="float:right;width:126px;height:40px;margin-top: 5px;">
							 <img src="<?php echo U('Home/Public/createVCode');?>" style="display:block;margin:0px 0  0 0px;width: 100%;height:100%; " onclick="this.src='/index.php/home/public/createvcode/id'+Math.round(new Date().getTime()/1000)">
							 </div>
						</div> -->
	<div class="item">
		<span class="icon Zicon3"></span>
		<input class="_input yzm" type="text" placeholder="图形验证码"/>
		<div class="sjyzm" style="background:#fff;">
							 <img src="<?php echo U('Home/Public/createVCode');?>" style="display:block;margin:0px 0  0 0px;width: 100%;height:100%; " onclick="this.src='<?php echo U('Home/public/createvcode');?>?id'+Math.round(new Date().getTime()/1000)">
		</div>
	</div>


	<div class="item">
		<span class="icon Zicon3"></span>
		<input class="_input shouyzm" type="text" placeholder="验证码"/>
		<input type = "button" class="sjyzm" onclick="dj3()" id="sjyzm" value="验证码"/>
	</div>
	<div class="submit" onclick="Submit()">
		提交
	</div>	
	</div>
	
</div>

<script type="text/javascript">
var countt=60;//发送验证码
	var codea;
	var aab=document.querySelector('.sjyzm');
	function dj(){
		if(countt>0){
			countt--;
			aab.value=countt+'s';
			aab.setAttribute('disabled','disabled');
			setTimeout(dj,1000);
		}
		else{
			aab.value='重新获取';
			countt=60;
			aab.removeAttribute('disabled');
		}
	}


function dj3(){
	var phone = $('.ph').val();
	var txyzm = $('.yzm').val();
	if(iphone(phone)){
		$.ajax({
			type:'post',
			url:'<?php echo U('Home/Index/yu');?>',
			data:{phone:phone,txyzm:txyzm},
			success : function(data){
				if(data==1){
					lay('图形验证码错误');
				}else{
					lay('验证码发送成功',1);
					dj();
				}
				
			}
		})
	}else{
		lay('请输入正确手机号',5);
	}
	
}
	
	
	
function Submit(){
	var name = $('.username').val();
	var phone = $('.ph').val();
	var yzm = $('.shouyzm').val();
	alert(name);
	alert(phone);
	alert(yzm);
	if(name){
		$.ajax({
			type:'post',
			url :'<?php echo U('Home/Index/increase');?>',
			data:{username:name,phone:phone,yzm:yzm},
			success : function(data){
				if(data==1){
					alert('预约成功');
					window.location.href="<?php echo U('Home/Index/index');?>";
					
				}else if(data==2){
					alert('预约失败，请重新预约！');
				}else if(data==3){
					alert('验证码错误，请重新输入！');
				}
			}
		})
	}else{
		alert('姓名不能为空');
	}
}
$(".yuyue").click(function(){
	$("#tk_yuyue").show();
})

$(".close").click(function(){
	$("#tk_yuyue").hide();
	
	
})
	
</script>
<div class="footer">
<div class="footer_wrapper clearfix">
	<!--<div>
		<div class="title">
			快捷导航
		</div>
		<ul class="footer_meau clearfix">
			<li>
				<a href="">
					精英顾问
				</a>
			</li>
			<li>
				<a href="">
					在线评估
				</a>
			</li>
			<li>
				<a href="">
					攻略问答
				</a>
			</li>
			<li>
				<a href="">
					贷款计算器
				</a>
			</li>
		
		</ul>
		
	</div>-->
	<!--<div>
		<div class="title">
			关于我们
		</div>
		<ul class="footer_meau clearfix">
			<li>
				<a href="">
					公司简介
				</a>
			</li>
			<li>
				<a href="">
					公司新闻
				</a>
			</li>
			<li>
				<a href="">
					组织架构
				</a>
			</li>
			<li>
				<a href="">
					企业文化
				</a>
			</li>
			<li>
				<a href="">
					优势体现
				</a>
			</li>
			<li>
				<a href="">
					招贤纳士
				</a>
			</li>
			
		
		</ul>
	</div>-->
	<div>
		<div class="title">
			联系我们
		</div>
		<div class="adress">
			北京市朝阳区东四环中路</br>
			嘉泰国际大厦B座1111室</br>
			400-9100-166
		</div>
	</div>
	<div class="erweima">
		<img src="/zycf/Public/style/img/ditu.jpg"/>
	</div>
	
</div>
<!--<div class="beian">
	Copyright©2015-2017 版权所有：京ICP备案16060376号-1<img src="/zycf/Public/style/img/beian.png"/>京公网安备 11010502032859号  北京卓屹金融服务有限公司-->
	
<!--</div>-->

<div class="banquan">版权所有：京ICP备17026300号-1&nbsp;&nbsp;北京中屹财富资产管理有限公司 Copyright©2015-2017 </div>
</div>
	</body>
</html>
<link rel="stylesheet" type="text/css" href="/zycf/Public/style/layer/skin/default/layer.css"/>
<script src="/zycf/Public/style/layer/layer.js" type="text/javascript"></script>